<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title th:text="${tgdqmdjtitle}"></title>
<meta name="Keywords" content="${tgdqmdjtitle}">
<meta name="description" content="${tgdqmdjtitle}">

<link rel="stylesheet" href="guanyuan/css/base.css"/>
<script type="text/javascript" src="guanyuan/js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="guanyuan/css/index.css" />
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?88aa922ce8a2195ff66e233f5af6121f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
<script>
$(function(){
	$('body').height($(window).height());
	setTimeout(function(){
		infiChange()
	},1000);
	var timerDo=setInterval(function(){infiChange()},1000);
	function infiChange(){
		$('.doorTip').dequeue("q");
		$('.doorTip').queue("q",[
			function(next){
				$('.door-white').fadeOut(500);
				$('.doorTip').delay(500).dequeue("q");
			} ,
			function(next){
				$('.door-yellow').fadeIn(1500);
				$('.doorTip').delay(1000).dequeue("q");
			} ,
			function(next){
				$('.door-yellow').fadeOut(500);
				$('.doorTip').delay(500).dequeue("q");
			},
			function(next){
				$('.door-white').fadeIn(1500);
				$('.doorTip').delay(500).dequeue("q");
			}
		])
	}
	
	function clearDoing(){
		clearInterval(timerDo);
	}
	if($(window).width() < 1400){
		$('.index_lh').animate({
			'opacity':1,
			'left':'-180px',
			'bottom':'-190px'
		},8000)
	}
	else{
		$('.index_lh').animate({
			'opacity':1,
			'left':'-70px',
			'bottom':'-100px'
		},6000)
	}
})
</script>
</head>

<body>

<div class="topbg">
	<div class="doorTip">
    	<div class="door-white"></div>
        <div class="door-yellow" style="display:none"></div>
    </div>
    <div class="mid">
    	<div class="sz"></div>
        <p style="color:#144d46;font-size:20px;text-align:center;margin:10px 0 20px;">天地玄黄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宇宙洪荒</p>
        <p style="font-size:26px;text-align:center;margin:0 0 20px;background:url(/guanyuan/images/web-logo.png) no-repeat center center;"><a  id="goText" href="/idx"  style="color:#909090;">进入网站</a></p>
        <div class="mianBox" style="color:#C5A066;position:relative;">
        	<div class="lbg fl"></div>
            <div class="fl">
            	<p style="margin-top:16px;font-size:32px;line-height:42px;padding-right:3px;border-right:solid 2px #959595;">《观元先生》</p>
            </div>
            <div class="fl" style="font-size:20px;padding:10px 0 0 20px;letter-spacing:6px;">
            	正人·正心·正言·正行<br />传承1400年悠久历史
            </div>
        </div>
    </div>
</div>
<div class="index_lh"></div>
<!--<audio controls="controls">
    <source src="/guanyuan/music/bg.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
</audio>-->
</body>
<script type="application/javascript">
    $(document).ready(function () {
        document.body.style.position = 'fixed';
        document.body.style.overflow = 'hidden';
    })
    function index(){
        $('#goText').css('color','#909090');  //默认值
        setTimeout(" $('#goText').css('color','#fF0000')",500); //第一次闪烁
        setTimeout( "$('#goText').css('color','#909090')",1000); //第二次闪烁
    };
    window.setInterval(index, 1000); //让index 多久循环一次

    setTimeout(function () {
        window.location.href="/mobile/dl";
    },15000);
</script>


</html>
